.Mars3DSceneModal {
	top: 46px;

	.ant-modal-close {
		color: white;
	}

	.ant-modal-body {
		padding: 0;

		& > .Title {
			padding: 0 15px;
			height: 54px;
			display: flex;
			align-items: center;
			justify-content: space-between;

			& > .title {
				text-indent: 15px;
				font-size: 24px;
				font-family: YouSheBiaoTiHei;
				color: #ffffff;
				line-height: 30px;
				position: relative;

				&::after {
					position: absolute;
					content: "";
					left: 0;
					top: 5px;
					width: 4px;
					height: 20px;
					z-index: 1;
					background: white;
				}
			}

			& > .nav {
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-right: 150px;

				& > div {
					height: 100%;
					width: 100px;
					display: flex;
					align-items: center;
					justify-content: center;
					color: white;
					font-size: 16px;
					font-family: PingFang SC;
					cursor: pointer;
					transition: 0.15s;
					user-select: none;

					&.active {
						font-size: 18px;
						background: rgba(0, 0, 0, 0.35);
						transform: skewX(-15deg);
					}
				}
			}
		}

		& > .MapBox {
			width: 100%;
			height: calc(90vh - 54px);
			overflow: hidden;
			position: relative;

			& > .Map {
				width: 100%;
				// height: calc(100% + 30px);
				height: 100%;
				background-color: #262626;
				background-position: center center;
				background-size: 100% 100%;
				background-repeat: no-repeat;
			}

			& > .NavTwo {
				position: absolute;
				z-index: 2;
				top: 0;
				left: 0;
				bottom: 0;
				display: flex;
				align-items: flex-start;
				justify-content: flex-start;
				flex-direction: column;
				padding-top: 100px;

				& > div {
					width: 80px;
					height: 32px;
					background: greenyellow;
					cursor: pointer;
					display: flex;
					align-items: center;
					justify-content: center;
					margin: 4px 0;
				}
			}

			& > .TwoNAVBox {
				position: absolute;
				right: 8px;
				top: 8px;
				bottom: 8px;
				width: 480px;
				padding: 8px;
				border: 1px solid var(--DominantColor);
				overflow-y: scroll;
				background: var(--DominantColor_02);

				.ant-tabs-tab {
					color: white;
					text-shadow: 1px 0 1px #aaa, -1px 0 1px #aaa, 0 1px 1px #aaa,
						0 -1px 1px #aaa;
				}

				.ant-tabs-ink-bar {
					background: var(--DominantColor);
				}

				.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
					color: var(--DominantColor);
				}

				&::-webkit-scrollbar {
					display: none;
				}

				& > .CommonTopTitle {
					font-size: 22px;
					font-family: YouSheBiaoTiHei;
					color: var(--DominantColor);
					line-height: 30px;
					text-shadow: 1px 0 1px #f8f8f8, -1px 0 1px #f8f8f8, 0 1px 1px #f8f8f8,
						0 -1px 1px #f8f8f8;
				}

				.SceneBasicsSetUpSelect,
				.SceneSpaceSetUpBox {
					& > div {
						display: flex;
						align-items: center;
						justify-content: space-between;
						height: 40px;

						& > div:first-child {
							width: 160px;
							display: flex;
							align-items: center;
							justify-content: flex-end;
							color: white;
							font-size: 14px;
							font-family: PingFang SC;
							margin-right: 16px;
						}

						& > div:last-child {
							flex: 1;
							display: flex;
							align-items: center;
							justify-content: flex-start;
							height: 100%;
							position: relative;

							& > .colorSelect {
								background: var(--DominantColor_04);
								border: 1px solid var(--DominantColor);
								z-index: 5;

								& > div:first-child {
									background: transparent !important;
									box-shadow: none !important;

									label {
										color: white !important;
									}
								}

								& > div:last-child {
									display: flex;
									align-items: center;
									justify-content: space-evenly;
									padding: 16px;
								}
							}

							& > .sliderBox {
								background: var(--DominantColor_04);
								border: 1px solid var(--DominantColor);
								width: 200px;
								margin-left: 16px;
								position: absolute;
								right: 0;
								top: 0;
								z-index: 1;

								& > div:last-child {
									display: flex;
									align-items: center;
									justify-content: space-evenly;
									padding: 8px;
								}
							}
						}
					}
				}

				.SceneControlSetUpOne {
					& > div {
						display: flex;
						align-items: flex-start;
						justify-content: center;
						margin-bottom: 16px;

						& > div:first-child {
							width: 100px;
							color: white;
							font-size: 16px;
							font-family: PingFang SC;
							margin-right: 16px;
							display: flex;
							align-items: center;
							justify-content: flex-end;
						}

						& > div:last-child {
							& > div {
								display: flex;
								align-items: center;
								justify-content: center;
								margin-bottom: 8px;

								& > div:first-child {
									width: 120px;
									color: white;
									font-size: 14px;
									font-family: PingFang SC;
									margin-right: 16px;
								}
							}
						}
					}
				}
			}
		}
	}
}

.cesium-viewer-toolbar {
	width: 50px;
	bottom: 40px;
	left: 8px;
	top: unset;
	right: unset;
	.mars3d-vrButton {
		right: unset !important;
	}
}
.cesium-baseLayerPicker-dropDown {
	left: 72px;
	bottom: 40px;
}
.layerManagement {
	background: yellow;
}
